
import { Tabs,Grid,Button,Tag } from 'antd-mobile'
import styles from "@/css/vender/home/shopDetail.module.css"
const shopDetail=()=>{
    return <>
       <div className={styles.shopDetailContainer}>
          <img src={require(`@/assets/imgs/shop${2}.jpg`)} alt="" className={styles['shop-img']}/>
          <div className={styles['divider']}></div>
          <div className={styles['shop-info']}>
                <div className={styles['info-first']}>
                       <p>￥100</p>
                       <p><Tag color='danger'>销量:4</Tag></p>
                </div>
                <div className={styles['info-two']}>雪花牛肉</div>
                <div className={styles['info-their']}>10斤 | ±0.5斤</div>
                <div className={styles['info-last']}>
                 <div>
                 剩余库存:96
                 </div>
                 <div>
                 <Tag color='success'>上架中</Tag>
                 </div>
                </div>
          </div>

          <div className={styles['info-bottom']}>
                <div className={styles['info-bottom-first']}>
                    <div>
                    查看资质
                    </div>
                    <div>
                    查看
                    </div>
                </div>
                <div>
                    <Button block color='success'  style={{marginTop:20}}>补货</Button>
                </div>

                {/* <div> */}
                    <Button block color='danger' style={{marginTop:5}}>下架</Button>
                {/* </div> */}
          </div>


       </div>
    </>
}

export default shopDetail